<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水平线标签</title>
</head>
<body>
<!--
    hr标签:表示一个水平线,块级标签
        默认是一个独占整行的水平线
        可以通过属性控制水平线的效果
    常用属性
        color:设置水平线的颜色
        width:设置水平线的宽度,即:水平线有多长
            其值可以是百分比,其宽度是相对于默认值的百分之多少
            也可以是固定值,其值的单位是像素px
            一般设置自适应的场景会使用百分比
            设置固定宽度的场景使用固定值
        align:设置水平线的对齐方式
            当水平线不是占据整行时,默认居中
            可以通过align属性设置其对齐方式
            其值有三种:left、center、right
        size:设置水平线的厚度,单位像素
-->
<hr color="red" width="100%">
<hr color="green" width="50%">
<hr color="blue" width="20%">
<br><br><br><br><br><br><br>

<hr color="red" width="1000px" align="left" size="100px">
<hr color="green" width="500px" align="center" size="20px">
<hr color="blue" width="200px" align="right" size="30px">
</body>
</html>